.teacherbox {
    width: 100%;
    .buttom{
        height: 83vh;
        overflow-y: scroll;
        .pagination{
            width: 100%;
            display: flex;
            justify-content: center;
        }
    }
    .top {
        display: flex;
        justify-content: space-between;
        .title {
            font-size: 20px;
        }
        .btn {
            display: flex;
        }
        .add {
            margin-left: 10px;
        }
        dialog {
            .dialog-footer button:first-child {
                margin-right: 15px;
            }
        }
        .el-dialog__body {
            padding: 0px ;
            color: var(--el-text-color-regular);
            font-size: var(--el-dialog-content-font-size);
            word-break: break-all;
        }
        .el-dialog {
            --el-dialog-width: 50%;
            --el-dialog-margin-top: 15vh;
            --el-dialog-bg-color: var(--el-bg-color);
            --el-dialog-box-shadow: var(--el-box-shadow);
            --el-dialog-title-font-size: var(--el-font-size-large);
            --el-dialog-content-font-size: 14px;
            --el-dialog-font-line-height: var(--el-font-line-height-primary);
            --el-dialog-padding-primary: 15px;
            --el-dialog-border-radius: var(--el-border-radius-small);
            position: relative;
            margin: var(--el-dialog-margin-top,15vh) auto 50px;
            background: var(--el-dialog-bg-color);
            border-radius: var(--el-dialog-border-radius);
            box-shadow: var(--el-dialog-box-shadow);
            box-sizing: border-box;
            width: var(--el-dialog-width,50%);
            height: 500px;
            width: 600px;
        }
        .el-form-item__label{
            display: flex;
            // align-items: flex-start; 
            flex: 0 0 auto; 
            font-size: var(--el-form-label-font-size); 
            color: var(--el-text-color-regular);
            height: 32px;
            line-height: 32px;
            padding: 0px 12px 0px 0px;
            box-sizing: border-box;
        }
        .dialog-footer{
            margin-top: 20px;
        }
        
    }
    // 重置密码对话框
    .reset{
        width: 30%;
        .el-dialog__body {
            padding: calc(var(--el-dialog-padding-primary) + 10px) var(--el-dialog-padding-primary);
            color: var(--el-text-color-regular);
            font-size: var(--el-dialog-content-font-size);
            word-break: break-all;
            margin-left: 40px;
        }
        .el-form-item__label{
            width: 70px ;
        }
        .el-button--text {
            margin-right: 15px;
          }
          .el-select {
            width: 220px;
          }
          .el-input {
            width: 300px;
          }
          .dialog-footer button:first-child {
            margin-right: 10px;
          }
    }
    // 搜索
    .search {
        display: flex;
        .int {
            width: 220px;
            font-size: 13px;
        }
        // 搜索布局
        .el-col-24 {
            // max-width: 0;
            flex: 0;
        }
    }
    // 修改对话框
    .edit{
        .dialog-footer button:first-child {
            margin-right: 10px;
        }
    }
    // 分页
    .demo-pagination-block+.demo-pagination-block {
        margin-top: 10px;
    }
    .demo-pagination-block .demonstration {
        margin-bottom: 16px;
    }
    .el-pagination{
        margin:0 auto;
        margin-top: 15px;
    }
    // 级级联动
    .example-demonstration {
        margin: 1rem;
        color: dimgrey;
        font-size: 14px;
    }
    // 头部布局
    .search{
        margin-bottom: 20px;
    }
    .el-row:last-child {
        margin-bottom: 0;
    }
    .el-col {
        border-radius: 4px;
    }
    .grid-content {
        border-radius: 4px;
    }
    // 部门
    .el-cascader .el-input .el-input__inner {
        font-size: 13px;
    }
    // 角色
    .el-select .el-input__inner {
        font-size: 13px;
    }
    .el-table th.el-table__cell > .cell {
        font-size: 12px;
    }
    .el-table td.el-table__cell div{
        font-size: 12px;
    }
    .el-button > span{
        font-size: 12px;
    }
}